.stuExamWrongBody {
    padding: 0px 50px 0;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: #fafbfd;

    .body {

        // height: 100%;
        .topTitle {
            padding-top: 25px;
            padding-bottom: 20px;
        }

        .questionBox {
            width: 100%;

            .li {
                margin-top: 20px;
                display: flex;
                flex-direction: column;
                width: 1020px;
                padding-bottom: 20px;
                border-bottom: 1px #f0f0f0 solid;

                .questionType {
                    display: flex;
                    align-items: center;

                    .type {
                        height: 20px;
                        width: 80px;
                        border: 1px #3377f9 solid;
                        display: flex;
                        border-radius: 5px;
                        overflow: hidden;
                        font-size: 13px;

                        .num {
                            width: 30%;
                            height: 100%;
                            background-color: #3377f9;
                            color: #fff;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }

                        .typeTitle {
                            flex: 1;
                            height: 100%;
                            background-color: #f1f5fb;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            color: #3377f9;
                        }
                    }

                    .score {
                        font-size: 12px;
                        color: #aca4ab;
                        margin: 0 10px;
                    }

                    .getScore {
                        height: 16px;
                        font-size: 12px;
                        border: #ee0000 solid 1px;
                        border-radius: 3px;
                        color: #ee0000;
                        padding: 0 5px;
                    }

                    .have {
                        border: #4cc0a4 1px solid;
                        color: #4cc0a4;
                    }
                }

                .title {
                    font-size: 15px;
                    margin: 20px 0 20px;
                }

                .optionsList {
                    .optionsLi {
                        height: 35px;
                        width: 1000px;
                        padding: 0 10px;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        border-radius: 3px;
                        margin-bottom: 10px;

                        .left {
                            display: flex;

                            .opt {
                                width: 20px;
                                height: 20px;
                                border-radius: 50%;
                                font-size: 12px;
                                border: #d3d4d8 1px solid;
                                color: #777f86;
                                background-color: #fff;
                                margin-right: 5px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                        }

                        .right {
                            font-size: 12px;
                            display: none;
                        }
                    }

                    .correct {
                        background-color: #f0faf6;
                        border: 1px solid #f0faf6;

                        .right {
                            color: #4cc0a4;
                            display: block;
                        }
                    }

                    .wrong {
                        background-color: #fcf3f3;
                        border: 1px solid #0089ff;

                        .left {
                            .opt {
                                border: #0089ff 1px solid;
                                color: #fff;
                                background-color: #0089ff;
                            }
                        }

                        .right {
                            color: #e25e61;
                            display: block;
                        }
                    }
                }

                .answer {
                    height: 30px;
                    display: flex;
                    align-items: center;
                    padding: 0 10px;
                    background-color: #f7fbff;

                    span {
                        font-size: 15px;
                        color: #90adca;
                    }

                    div {
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        background-color: #4cc0a4;
                        font-size: 13px;
                        color: #fff;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-left: 10px;
                    }
                }

                .saq {
                    .ans {
                        font-size: 15px;
                    }

                    .answer {
                        background-color: #f5f7fa;
                        padding: 10px 20px;
                        margin-top: 10px;
                        width: 1000px;
                    }

                    .correct {
                        background-color: #f0faf6;
                    }

                    .parse {
                        font-size: 15px;
                        padding: 20px 15px;
                        display: flex;

                        div {
                            margin-left: 10px;
                        }
                    }
                }
            }
        }
    }
    .answerSheet{
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        width: 300px;
        background-color: #fff;
        .sheet{
            padding:25px 24px;
            font-weight: bold;
            font-size: 19px;
        }
        .is{
            display: flex;
            padding: 0 24px 25px;
            align-items: center;
            .box{
                width: 16px;
                height: 16px;
                background-color: #eefaf5;
            }
            .boxWrong{
                width: 16px;
                height: 16px;
                background-color: #fcf2f0;
            }
            span{
                font-size: 12px;
                margin: 0 15px 0 5px;
            }
           
        }
        .answerBox{
            display: flex;
            flex-wrap: wrap;
            padding: 0 18px;
            .box{
                width: 35px;
                height: 35px;
                border-radius: 3px;
                background-color: #eefaf5;
                border: 1px solid #e3e3e3;
                color: #97d3af;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 6px;
                margin-bottom: 6px;
                font-size: 14px;
            }
            .wrong{
                background-color: #fcf2f0;
                color: #e9747f;
            }
        }
    }

}